.contents {
    background: rgb(247, 247, 249);
    min-height: 100vh;
}

.vCenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.searchBox {
    margin-top: 24rpx;
    height: 78rpx;
    position: relative;
    background: #fff;
    border-radius: 40rpx;
    padding: 0 30rpx;
    display: flex;
    margin: 0 20rpx;
    justify-content: space-between;
}

.searchBox .search {
    color: #ADB5BD;
    display: flex;
}

.searchBox .search .iconfont {
    font-size: 48rpx;
}

.searchBox .search .pd0 {
    padding: 0 14rpx;
}

.searchBox .search .input {
    height: 78rpx;
    padding: 0;
    line-height: 78rpx;
}

.linesbox {
    overflow: hidden;

    .lines {
        padding: 30rpx;
        margin: 0 20rpx;
        background: white;
        border-radius: 20rpx;
        margin-top: 30rpx;

        .titles {
            font-size: 30rpx;
            color: #343A40;
            font-weight: bold;
        }

        .centers {
            margin-top: 20rpx;

            >view {
                font-size: 30rpx;
                color: #343A40;

                >text:nth-child(2) {
                    margin-left: 51rpx;
                }
            }

            >view:nth-child(1) {
                margin-top: 30rpx;
            }

            >view:nth-child(2) {
                margin-top: 10rpx;
            }
        }
    }

    .bottoms {
        overflow: hidden;

        >view {
            float: right;

            text {
                margin-left: 30rpx;
            }
        }
    }
}

.bigkuang {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
}

.kuangs {
    width: 80%;
    padding: 50rpx 30rpx;
    background: white;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20rpx;
    box-shadow: 0px 0rpx 20rpx rgba(0, 0, 0, 0.1);

    .kuantitle {
        text-align: center;
        position: relative;
        line-height: 50rpx;
        font-size: 30rpx;
        margin-bottom: 70rpx;

        .queding {
            right: 20rpx;
            top: 0;
            color: #058AFF;
            position: absolute;
        }
    }

    .bottomt {
        display: flex;
        justify-content: center;
        /* 水平居中 */
        align-items: center;
        margin-bottom: 50rpx;

        /* 垂直居中 */
        >view {
            margin: 0 10rpx;
            background: #F7F7F9;
            padding: 5rpx 15rpx;
            border-radius: 10rpx;
            width: 50rpx;
            text-align: center;
            line-height: 50rpx;
        }

        >view:nth-child(1) {
            font-size: 32rpx;
            padding: 0;
            width: 100rpx;
            background: none;
        }

        >view:nth-child(2) {
            font-size: 32rpx;
        }

        >view:nth-child(3) {
            font-size: 32rpx;
            width: 100rpx;
        }

        >view:nth-child(4) {
            font-size: 32rpx;
        }
    }
}